let js = document.querySelector(".right>span");
js.onclick = function () {
  login.style.display = "none";
  jsreg.style.display = "block";
};
let btn = document.querySelector(".login>div:nth-child(2)");
let login = document.querySelector(".login");
btn.onclick = function () {
  login.style.display = "none";
};
let reg = document.querySelector(".left>span");
let regs = document.getElementById("reg");
reg.onclick = function () {
  login.style.display = "none";
  regs.style.display = "block";
};
dl.onclick = function () {
  log.style.display = "block";
  regs.style.display = "none";
};
jz.onclick = function () {
  log.style.display = "none";
  regs.style.display = "block";
};
let clo = document.querySelector("#reg>.btn");
clo.onclick = function () {
  regs.style.display = "none";
};
let clo2 = document.querySelector("#log>.btn");
clo2.onclick = function () {
  log.style.display = "none";
};
jsdl.onclick = () => {
  jsreg.style.display = "none";
  jslog.style.display = "block";
};
jszc.onclick = () => {
  jsreg.style.display = "block";
  jslog.style.display = "none";
};
jsclo1.onclick = () => {
  jsreg.style.display = "none";
};
jsclo2.onclick = () => {
  jslog.style.display = "none";
};
